<!doctype html>
<html>
<head>
 <title>IE7 {CSS2: auto}</title>

 <!-- Compliance patch for Microsoft browsers -->
 <!--[if lt IE 9]><script src="../trunk/lib/IE9.js"></script><![endif]-->

 <style>

  .bold {
   font-weight: bold;
  }

  .blue {
   color: blue;
  }

  .bold.blue {
   background-color: yellow;
  }

 </style>
</head>
<body>
 <script src="ie7-demo.js"></script>
 <h2>.multiple.classes</h2>

 <ul>
  <li><p>This is a normal paragraph.</p></li>
  <li><p class="bold">This is a bold paragraph.</p></li>
  <li><p class="blue">This is a blue paragraph.</p></li>
  <li><p class="bold blue">This paragraph is bold and blue!</p></li>
 </ul>

 <p><em>Only the last last paragraph should be highlighted.</em></p>
</body>
</html>
